<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>GROSHEFF</title>
<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/common.css" rel="stylesheet">
<style type="text/css">
          
                        #main_menu a {
                            position: relative;
                            display: block;
                            /*
                            padding: 20px 25px;
                            margin-left: 10px;
                            */
                            text-decoration: none;
                            font-variant: small-caps;
                            color: transparent;
                            text-shadow: 0 0 2px #cacaca;
                            z-index: 100;
                        }
                /* normal styles */
                    #main_menu a:hover, #main_menu a:focus {
                        color: #ffffca;
                        text-shadow: 0 0 0 transparent;
                    }
                /* active styles */
                    #main_menu .active a, #main_menu .active a:hover {
                        color: #cacaca;
                        text-shadow: 0 0 2px #cacaca;
                    }
</style>

    <!--[if IE]>
        <style type="text/css">
            #main_menu {             
                -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0)";
                filter: progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0);
            }
            #main_menu ul li a {
                color: #ffffca;
                -ms-filter:  "progid:DXImageTransform.Microsoft.Blur()";
                filter:  progid:DXImageTransform.Microsoft.Blur();
            }
            #main_menu ul a:hover, #main_menu ul .active a, #main_menu ul a:focus {
                position: relative;
                margin: 2px 0 -10px 10px;
                -ms-filter:  "progid:DXImageTransform.Microsoft.Blur(enabled = false)";
                filter:  progid:DXImageTransform.Microsoft.Blur(enabled = false);
            }
        </style>
    <![endif]-->
    <!--[if lt IE 8]>
        <style type="text/css">
            #main_menu ul a:hover, #main_menu ul .active a {
                position: relative;
                margin: 2px 4px 0 10px;
                filter:  progid:DXImageTransform.Microsoft.Blur(enabled = false);
            }
        </style>
    <![endif]-->

</head>
<body>
<div id="CONTAINER">
	<div id="LEFT_PART">
		<div id="main_menu">
		<ul>
			<li><a href="#">Grosheff</a></li>
			<li><a href="#">Iron man</a></li>
			<li><a href="#">Actual</li>
			<li><a href="#">Retro</li>
			<li><a href="#">Feedback</li>
			
		</ul> 
		
		</div>
	
		
	
	</div>
	<!-- 
	<div id="FOOTER" > @Copyright GROSHEFF</div>
 -->
	
</div>

</body>
</html>